cat << +END+ > head
A introduction to HTML and CGI scripts on the WWW
I f you wish,
you can modify the HTML tags and text in the window to
try out your own ideas.
By pressing view, the text in the window will be sent back to your browser
to be displayed. Use the back button on your browser to return to
the original document.
This before text allows you to see the effect of the HTML in context.
Comments, suggestions, etc.
M.A.Smith@brighton.ac.uk
+END+
cat head > try_ex.htm
cat << +END+ >> try_ex.htm
<P>
Creating a document using HTML is just like using a
very old word processor.
<P>
+END+
cat tail >> try_ex.htm
cat head > try_bd.htm
cat << +END+ >> try_bd.htm
The <B>text</B> is bolded.
The <TT>text</TT> is in a teletype font.
The <FONT SIZE=+2>text</FONT> is 2 sizes larger.
+END+
cat tail >> try_bd.htm
cat head > try_pg.htm
cat << +END+ >> try_pg.htm
Last sentence of a paragraph
<P>
The first line of a new paragraph.
A line of text
<BR>
On a new line;
+END+
cat tail >> try_pg.htm
cat head > try_dl.htm
cat << +END+ >> try_dl.htm
<DL>
<DT>
Definition tag.
<DD>
Text of the definition list.
Which may stretch over several
lines.
<DT>
Another definition tag.
<DD>
Text of the definition list.
</DL>
+END+
cat tail >> try_dl.htm
cat head > try_h6.htm
cat << +END+ >> try_h6.htm
<H6>A TITLE</H6>
+END+
cat tail >> try_h6.htm
cat head > try_hr.htm
cat << +END+ >> try_hr.htm
The size of the ruler<HR SIZE=10>New section
+END+
cat tail >> try_hr.htm
cat head > try_mas.htm
cat << +END+ >> try_mas.htm
Tue Aug 29 19:46:53 1995 test [] []
Tue Aug 29 19:49:10 1995 ~m/test [] []
+END+
cat tail >> try_mas.htm
cat head > try_ol.htm
cat << +END+ >> try_ol.htm
<OL>
<LI>Item one of list
<LI>Item two of list
</OL>
+END+
cat tail >> try_ol.htm
cat head > try_pre.htm
cat << +END+ >> try_pre.htm
<PRE>
*
*<B>*</B>*
*****
</PRE>
+END+
cat tail >> try_pre.htm
cat head > try_ul.htm
cat << +END+ >> try_ul.htm
<UL>
<LI>Item one of list
<LI>Item two of list
</UL>
+END+
cat tail >> try_ul.htm
cat head > try_tab1.htm
cat << +END+ >> try_tab1.htm
<TABLE BORDER CELLPADDING=2>
<TD>
Text in a table
</TD>
</TABLE>
+END+
cat tail >> try_tab1.htm
cat head > try_tab2.htm
cat << +END+ >> try_tab2.htm
<TABLE BORDER CELLPADDING=2>
<TD> Data cell 1 </TD>
<TD> Data cell 2 </TD>
</TABLE>
+END+
cat tail >> try_tab2.htm
cat head > try_tab3.htm
cat << +END+ >> try_tab3.htm
<TABLE BORDER CELLPADDING=2>
<TD> Data cell 1 </TD>
<TD> Data cell 2 </TD>
<TR>
<TD> Data cell 3 </TD>
<TD> Data cell 4 </TD>
</TABLE>
+END+
cat tail >> try_tab3.htm
cat head > try_tab4.htm
cat << +END+ >> try_tab4.htm
<TABLE BORDER CELLPADDING=2>
<TH ALIGN=LEFT>Language</TH>
<TH ALIGN=LEFT COLSPAN=2>Encapsulation</TH>
<TR>
<TD> Ada 95</TD>
<TD ROWSPAN=2>Using</TD>
<TD> Class</TD>
<TR>
<TD> C++</TD>
<TD> Package</TD>
</TABLE>
+END+
cat tail >> try_tab4.htm
cat head > try_pl.htm
cat << +END+ >> try_pl.htm
The browser will ignore
new lines and extra
spaces in the text.
+END+
cat tail >> try_pl.htm
cat head > try_for1.htm
cat << +END+ >> try_for1.htm
<FORM ACTION="http://snowwhite.it.brighton.ac.uk/cgi-bin/mas/mas_form">
<INPUT TYPE="text" NAME="name"
SIZE=20 VALUE="Your name">
</FORM>
+END+
cat tail >> try_for1.htm
cat head > try_for2.htm
cat << +END+ >> try_for2.htm
<FORM ACTION="http://snowwhite.it.brighton.ac.uk/cgi-bin/mas/mas_form">
Enter PIN Number<BR>
<INPUT TYPE="password" NAME="PIN"
SIZE=20 VALUE="">
</FORM>
+END+
cat tail >> try_for2.htm
cat head > try_for3.htm
cat << +END+ >> try_for3.htm
<FORM ACTION="http://snowwhite.it.brighton.ac.uk/cgi-bin/mas/mas_form">
<TEXTAREA NAME="feedback" ROWS=5 COLS=20>
My thoughts so far are:
</TEXTAREA>
<BR>
<INPUT TYPE="submit" NAME="button"
VALUE="Send">
</FORM>
+END+
cat tail >> try_for3.htm
cat head > try_for4.htm
cat << +END+ >> try_for4.htm
<FORM ACTION="http://snowwhite.it.brighton.ac.uk/cgi-bin/mas/mas_form">
Age<BR>
<INPUT TYPE="radio" NAME="age" VALUE="a"><18<BR>
<INPUT TYPE="radio" NAME="age" VALUE="b"
CHECKED>18-65<BR>
<INPUT TYPE="radio" NAME="age" VALUE="c">65+<BR>
<INPUT TYPE="submit" NAME="button" VALUE="Send">
</FORM>
+END+
cat tail >> try_for4.htm
cat head > try_for5.htm
cat << +END+ >> try_for5.htm
<FORM ACTION="http://snowwhite.it.brighton.ac.uk/cgi-bin/mas/mas_form">
Use<BR>
<INPUT TYPE="checkbox" NAME="use"
VALUE="C++" CHECKED>C++<BR>
<INPUT TYPE="checkbox" NAME="use"
VALUE="Ada">Ada<BR>
<INPUT TYPE="checkbox" NAME="use"
VALUE="COBOL">COBOL<BR>
<INPUT TYPE="submit" NAME="button"
VALUE="send">
</FORM>
+END+
cat tail >> try_for5.htm
cat head > try_for6.htm
cat << +END+ >> try_for6.htm
<FORM ACTION="http://snowwhite.it.brighton.ac.uk/cgi-bin/mas/mas_form">
Media used is<BR>
<SELECT NAME="Media">
<OPTION SELECTED> Disk
<OPTION> Floppy disk
<OPTION> DAT tape
</SELECT>
<BR>
<INPUT TYPE="submit" NAME="button"
VALUE="Send">
</FORM>
+END+
cat tail >> try_for6.htm
cat head > try_for7.htm
cat << +END+ >> try_for7.htm
<FORM ACTION="http://snowwhite.it.brighton.ac.uk/cgi-bin/mas/mas_form">
Drinks that I like<BR>
<INPUT TYPE="checkbox" NAME="Like"
VALUE="Coffee" >Coffee<BR>
<INPUT TYPE="checkbox" NAME="Like"
VALUE="Tea">Tea<BR>
<INPUT TYPE="reset" VALUE="Reset">
<INPUT TYPE="submit" NAME="button"
VALUE="Send">
</FORM>
+END+
cat tail >> try_for7.htm
cat head > try_for8.htm
cat << +END+ >> try_for8.htm
Select a pointThe document try_m1.htm
Go <A HREF="try_anc.htm"> back
to the try it document about anchors
Use the back button on your browser to return to
the original document.
+END+
: cat tail >> try_m1.htm
rm try_m2.htm
: cat head > try_m2.htm
cat << +END+ >> try_m2.htm
The document try_m2.htm
Go back
to the try it document about anchors
Use the back button on your browser to return to
the original document.
+END+
: cat tail >> try_m2.htm
rm try_col0.htm
cat head > try_col0.htm
cat << +END+ >> try_col0.htm
<P>
The text is now in the colour
<FONT COLOR="yellow">Yellow </FONT>
+END+
cat tail >> try_col0.htm
rm try_col1.htm
cat head > try_col1.htm
cat << +END+ >> try_col1.htm
<P>
The text is now in the colour
<FONT COLOR="#FFFF00">Yellow </FONT>
+END+
cat tail >> try_col1.htm
rm try_run.htm
cat head > try_run.htm
cat << +END+ >> try_run.htm
<P>
This should run a CGI script in a user home directory.
<P>
<A HREF="http://snowwhite.it.bton.ac.uk/cgi-bin/bsc_run?user=mas&file=test">
Execute CGI script
</A>
<P>
+END+
cat tail >> try_run.htm
cat << +END+ > sed.jcl
/feedback/s/ try_col2.htm
sed -f sed.jcl < head >try_col2.htm
cat << +END+ >> try_col2.htm
<HTML>
<P>
<BODY BGCOLOR="#00FF00" TEXT="red" LINK="#0000FF">
This is normal text which is in the body of an HTML page.
<UL>
<LI>
<A HREF=
"http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/try_col2.htm">
Example link
</A>
<LI>
<A HREF=
"http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/try_col2.htm">
Example link
</A>
</UL>
</BODY>
</HTML>
+END+
sed -f sed.jcl < tail >> try_col2.htm
: cat tail >> try_col2.htm
rm try_fr01.htm
: cat head > try_fr01.htm
sed -f sed.jcl < head > try_fr01.htm
cat << +END+ >> try_fr01.htm
<HTML>
<FRAMESET COLS="30%,70%">
<NOFRAMES>Sorry does not support frames</NOFRAMES>
<FRAME SRC=
"http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/fr-txt1.htm">
<FRAME SRC=
"http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/fr-txt2.htm"
NAME="results" >
</FRAMESET>
</HTML>
+END+
sed -f sed.jcl < tail >> try_fr01.htm
: cat tail >> try_fr01.htm
rm try_fr02.htm
: cat head > try_fr02.htm
sed -f sed.jcl < head > try_fr02.htm
cat << +END+ >> try_fr02.htm
<HTML>
<FRAMESET ROWS="30%,30%,40%">
<NOFRAMES>Sorry does not support frames</NOFRAMES>
<FRAME SRC=
"http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/fr-txt1.htm">
<FRAME SRC=
"http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/fr-txt2.htm">
<FRAME SRC=
"http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/fr-txt3.htm">
</FRAMESET>
</HTML>
+END+
sed -f sed.jcl < tail >> try_fr02.htm
rm try_fr03.htm
: cat head > try_fr03.htm
sed -f sed.jcl < head > try_fr03.htm
cat << +END+ >> try_fr03.htm
<HTML>
<HEAD>
<TITLE>Page with frames</TITLE>
</HEAD>
<FRAMESET COLS="50%,50%">
<NOFRAMES>Sorry does not support frames</NOFRAMES>
<FRAMESET ROWS="50%,50%%">
<FRAME SRC=
"http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/fr-txt1.htm">
<FRAME SRC=
"http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/fr-txt1.htm">
</FRAMESET>
<FRAMESET ROWS="40%,20%,40%">
<FRAME SRC=
"http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/fr-txt1.htm">
<FRAME SRC=
"http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/fr-txt2.htm">
<FRAME SRC=
"http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/fr-txt3.htm">
</FRAMESET>
</FRAMESET>
</HTML>
+END+
sed -f sed.jcl < tail >> try_fr03.htm
: cat tail >> try_fr01.htm
rm try_fr10.htm
: cat head > try_fr10.htm
sed -f sed.jcl < head > try_fr10.htm
cat << +END+ >> try_fr10.htm
<HTML>
<FRAMESET COLS="30%,70%">
<FRAME SRC=
"http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/fr-txt11.htm">
<FRAME SRC=
"http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/fr-txt12.htm" NAME="results">
</FRAMESET>
</HTML>
+END+
sed -f sed.jcl < tail >> try_fr10.htm
: cat tail >> try_fr10.htm
rm -f head tail sed.jcl
jpeg image.
with a transparent background
+END+
cat tail >> try_img.htm
cat head > try_pgt.htm
cat << +END+ >> try_pgt.htm
<FORM METHOD="post"
ACTION="http://snowwhite.it.brighton.ac.uk/cgi-bin/mas/mas_form">
<INPUT TYPE="text" NAME="name"
SIZE=20 VALUE="Try it (post)">
</FORM>
+END+
cat tail >> try_pgt.htm
cat head > try_but.htm
cat << +END+ >> try_but.htm
<FORM ACTION="http://snowwhite.it.brighton.ac.uk/cgi-bin/mas/mas_form">
<INPUT TYPE="submit" NAME="button" VALUE=" A ">
<INPUT TYPE="submit" NAME="button" VALUE=" B ">
</FORM>
+END+
cat tail >> try_but.htm
cat head > try_anc.htm
cat << +END+ >> try_anc.htm
The following hyper text link will take you to the
document
<A HREF="http://snowwhite.it.brighton.ac.uk/~mas/mas/courses/html/try_m1.htm">
Hyper text link to try_m1.htm
</A>
<P>
There is also a document named try_m2.
+END+
cat tail >> try_anc.htm
rm try_m1.htm
: cat head > try_m1.htm
cat << +END+ >> try_m1.htm